<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Web Flickr Uploadr</title> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
</head>

<body>
  <div id="wrapper">
	<h1>上传照片</h1>
	<div id="uploadr">
	  <div id="upload-flash-box"></div>
	  <div class="step1">
		<div class="enabled">
		  <a id="upload-add-files" href="">选择要上传的照片</a>
		</div>
		<div class="feature-note">
		  <strong>注意：</strong> 每张照片不能超过8M
		</div>
	  </div>
	  <div class="step2">
		<div id="uploadr-messages">
		  <ul>
			<li>
			</li>
		  </ul>
		</div>
		<div id="upload-table-wrapper">
		  <div id="upload-table" class="upload">
			<div class="head">
			  <ul>
				<li>
				<div class="name">文件</div>
				<div class="size">大小</div>
				<div class="select">是否移除？</div>
				</li>
			  </ul>
			</div>
			<div class="uploadr-bg">
			  <div id="uploadr-scroll" class="uploadr-scroll">
				<ul id="uploadr-list" class="body">
				  <li id="tmpl-upload-item">
				  <div class="name">%filename</div>
				  <div class="size">%filesize</div>
				  <div class="select"><a href="#" class="remove"></a></div>
				  </li>
				</ul>
			  </div>
			  <div class="foot">
				<ul>
				  <li>
				  <div class="name">
					<div id="upload-total-bytes">总计：%bytes</div>
					<div id="upload-total-files">
					  <span class="plural">%files 文件</span>
					  <span class="upload-add-more">
						<span class="divider">|</span>
						<a id="upload-add-more" href="#">加入更多</a>
					  </span>
					</div>
				  </div>
				  <div class="select"></div>
				  </li>
				</ul>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
  </div>

<script type="text/javascript" src="uploadr.js"></script> 
</body>
</html>
